<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<!--这3个meta标签必须放在最前面-->
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!--引入BootStrap核心CSS文件，地址先验证是否可用-->
	<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
	<!--先引入jQuery文件-->
	<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
	<!--再引入BootStramp的核心JS文件-->
	<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
	<title>云鼎公司主页面</title>
</head>
<body>
	<div class="hrms_container">
		<!--导航条-->
		<div class="hrms_brand_nav">
			<div class="navbar navbar-inverse navbar-static-top">
				<div class="container-fluid">
					<div class="navbar-header">
						<button class="navbar-toggle collapse" type="button" data-toggle="collapse" data-target="#hrms-navbar-collapse-1" aria-expanded="false">
							<span class="sr-only">鄢承志</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
						<a href="#" class="navbar-brand">云鼎公司LOGO</a>
					</div>
					<div class="collapse navbar-collapse" id="hrms-navbar-collapse-1">
						<ul class="nav navbar-nav">
							<li class="active">
								<a href="#">
									公司介绍
									<span class="sr-only">(current)</span> 
								</a>
							</li>
							<li><a href="#">人力资源部</a></li>
							<li><a href="#">请假申请</a></li>
							<li><a href="#">报销申请</a></li>
							<li><a href="#">出勤记录</a></li>
						</ul>
						<form class="navbar-form navbar-left">
							<div class="form-group">
								<input type="text" class="form-control" placeholder="站内搜索"/>
							</div>
							<button class="btn btn-default" type="submit">搜索</button>
						</form>
						<ul class="nav navbar-nav navbar-right">
							<li class="dropdown">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
									账号管理
									<span class="caret"></span>
								</a>
								<ul class="dropdown-menu nav nav-pills nav-stacked">
									<li class="active">
										<a href="#">
											<span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
											修改信息
										</a>
									</li>
									<li>
										<a href="#">
											<span class="glyphicon glyphicon-user" aria-hidden="true"></span>
											头像更换
										</a>
									</li>
									<li class="logout">
										<a href="#">
											<span class="glyphicon glyphicon-off" aria-hidden="true"></span>
											账号退出
										</a>
									</li>
								</ul>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>

		<!--中间部分-->
		<div class="hrms_body" style="position: relative;top: -15px;">
			<!--左侧边栏-->
			<div class="panel-group col-sm-2">
				<ul class="nav nav-pills nav-stacked emp_sidebar">
					<li class="active" role="presentation">
						<a href="#" data-toggle="collapse" data-target="#collapse_emp">
							<span class="glyphicon glyphicon-user" aria-hidden="true">员工管理</span>
						</a>
						<ul class="nav nav-pills nav-stacked" id="collapse_emp">
							<li role="presentation"><a href="#">员工信息</a></li>
							<li role="presentation"><a href="#">员工新增</a></li>
							<li role="presentation"><a href="#">员工清零</a></li>
						</ul>
					</li>
				</ul>
				<ul class="nav nav-pills nav-stacked dept_sidebar">
					<li class="active" role="presentation">
						<a href="#" data-toggle="collapse" data-target="#collapse_dept">
							<span class="glyphicon glyphicon-cloud" aria-hidden="true">部门管理</span>
						</a>
						<ul class="nav nav-pills nav-stacked" id="collapse_dept">
							<li role="presentation"><a href="#">部门信息</a></li>
							<li role="presentation"><a href="#">部门新增</a></li>
							<li role="presentation"><a href="#">部门清零</a></li>	
						</ul>
					</li>
				</ul>
			</div>
			<!--中心展示内容-->
			<div class="hrms_main_ad col-sm-10">
				<div class="panel panel-success">
					<div class="panel-heading">
						<h3 style="text-align: center;">欢迎进入云鼎公司人力资源管理系统！</h3>
					</div>
					<div class="panel-body" style="position: relative;top: -15px;">
						<div class="carousel slide" id="hrms_carousel_1" data-ride="carousel">
							<ol class="carousel-indicators">
								<li data-target="#hrms_carousel_1" data-slide-to="0" class="active"></li>
								<li data-target="#hrms_carousel_1" data-slide-to="1"></li>
								<li data-target="#hrms_carousel_1" data-slide-to="2"></li>
							</ol>
							<div class="carousel-inner" role="listbox">
								<div class="item active" style="text-align: center;">
									<img src="../img/company1.jpg" alt="图片1" class="img-responsive center-block">
									<div class="carousel-caption">
										<h3>漂亮大气的办公楼</h3>
									</div>
								</div>
								<div class="item">
									<img src="../img/company2.jpg" alt="图片2" class="img-responsive center-block">
									<div class="carousel-caption">
										<h3>休闲的放松场所</h3>
									</div>
								</div>
								<div class="item">
									<img src="../img/company3.jpg" alt="图片3" class="img-responsive center-block">
									<div class="carousel-caption">
										<h3>舒适的办公环境</h3>
									</div>
								</div>
							</div>
							<a href="#hrms_carousel_1" class="left carousel-control" role="button" 
							data-slide="prev">
								<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
								<span class="sr-only">向前</span>
							</a>
							<a href="#hrms_carousel_1" class="right carousel-control" role="button"
							data-slide="next">
								<span class="glyphicon glyphicon-chevron-right"></span>
								<span class="sr-only">向后</span>
							</a>
						</div>
					</div>
				</div>
			</div>
		</div>

		<!--脚部-->
		<div class="hrms_footer" style="text-align:center;">
			<address>
				<strong>Copyright&copy;云鼎科技有限公司.Inc</strong><br>
				江汉区民润大厦五层<br>
				<abbr title="Phone">P:</abbr> (888) 357-8890
			</address>
		</div>
	</div>
</body>
</html>